<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <link rel="stylesheet" href="./css/style.css">
</head>
<body>

    
    <div class="box">
        <p class="box-desc">测试scss效果</p>
    </div>
    
    
    <script>


    // // ES6 语法，直接运行需要在支持 ES6 的浏览器中，比如 chrome 浏览器。
    // // 定义最大的 fontSize
    // const MAX_FONT_SIZE = 42;
    
    // // 监听 HTML 文档被解析完成的事件
    // document.addEventListener('DOMContentLoaded', () => {
    //     // 获取 html 标签
    //     const html = document.querySelector('html');
    //     // 屏幕的宽度除以10，获取根元素 fontSize 标准。
    //     let fontSize = window.innerWidth / 10;
    //     // 获取到的 fontSize 标准不允许超过我们定义的最大值。
    //     fontSize  = fontSize > MAX_FONT_SIZE ? MAX_FONT_SIZE : fontSize;
    //     // 定义根元素 fontSize 的大小
    //     html.style.fontSize = fontSize + 'px';
    // });



    </script>
</body>
</html>